<%--
  统计教练对应的学员的人数
  User: gyy
  Date: 2021/4/10
  Time: 20:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="statics/js/jquery.js"></script>
    <script type="text/javascript" src="statics/js1_sh/polyfill.min.js"></script>
    <link rel="stylesheet" href="statics/css1_sh/style.css">

    <link rel="stylesheet" href="statics/css1_sh/swiper-3.2.7.min.css" />
    <link rel="stylesheet" href="statics/css1_sh/base.css">
    <link rel="stylesheet" href="statics/css1_sh/master.css">
    <link rel="stylesheet" href="statics/css1_sh/bannerList.css">
    <!-- Bootstrap core CSS-->
    <link href="statics/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="statics/js/jquery.js"></script>
    <script src="statics/js/echarts.min.js"></script>
    <c:import url="adminNav.jsp"></c:import>
    <script>
       $(function (){
           $.post("coachuser.action",function(result){
               console.log(result);
               var chartDom = document.getElementById('main');
               var myChart = echarts.init(chartDom);
               var option;
               option = {
                   series : [
                       {
                           name: '学员人数',
                           type: 'pie',
                           radius: '55%',
                           data:result
                       }
                   ]
               };
               option && myChart.setOption(option);
           });
       })


    </script>
</head>
<body style="margin: 0 auto;background: white">
<h3 style="z-index: 999;color: white;text-align: center">统计学员人数</h3>
<div id="main" style="width:50%;height: 300px;margin:0 auto">

</div>

</body>
</html>
